// 获取注册表单元素
const form = document.getElementById("registerForm");

// 获取输入字段
const name = document.querySelector(".username"); // 获取用户名输入框
const pwd = document.querySelector(".pwd"); // 获取密码输入框
const rpwd = document.querySelector(".rpwd"); // 获取重复密码输入框
const nickname = document.querySelector(".nickname"); // 获取昵称输入框

// 为表单添加提交事件监听器
form.addEventListener("submit", async function (e) {
  e.preventDefault(); // 阻止表单的默认提交行为

  // 获取表单数据
  const username = document.getElementById("username").value.trim(); // 获取并去除用户名前后空格
  const password = document.getElementById("password").value; // 获取密码
  const confirmPassword = document.getElementById("confirmPassword").value; // 获取确认密码
  const nickname = document.getElementById("nickname").value.trim(); // 获取并去除昵称前后空格

  // 验证用户名长度
  if (username.length < 4 || username.length > 20) {
    alert("用户名长度必须在4-20个字符之间");
    return; // 如果不符合条件，终止函数执行
  }

  // 验证密码长度
  if (password.length < 6 || password.length > 20) {
    alert("密码长度必须在6-20个字符之间");
    return; // 如果不符合条件，终止函数执行
  }

  // 验证确认密码是否与密码一致
  if (password !== confirmPassword) {
    alert("两次输入的密码不一致");
    return; // 如果密码不一致，终止函数执行
  }

  // 验证昵称长度
  if (nickname.length < 2 || nickname.length > 10) {
    alert("昵称长度必须在2-10个字符之间");
    return; // 如果不符合条件，终止函数执行
  }

  // 向后端发送注册数据
  const res = await register({
    username, // 用户名
    password, // 密码
    nickname, // 昵称
  });
  console.log(res); // 打印响应结果

  // 如果注册成功，跳转到登录页面并提示用户
  window.location.href = "../views/login.html"; // 跳转到登录页面
  alert("恭喜注册成功，即将前往登录页面"); // 提示注册成功信息

});